<%@ Page Language="C#" ValidateRequest="false" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Pages_Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Workspace - Login</title>
	<meta http-equiv="content-script-type" content="text/javascript">
	<style type="text/css">
	    input {font-size:13px;}
	    .loginBtn {width:100px;height:26px;}
	    .loginTxt {height:18px; width:180px;margin-bottom:20px;margin-top:4px;background:white;border:solid 1px grey;}
	    .Failure {font-size:12px;color:Red}
	    td {font-size:14px;}
    </style>
    <script type="text/javascript" src="/jquery.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            var h = $(window).height();
            var w = $(window).width();
            $("#divLogin").css('margin-top', h/2 - 180);
            
            $(window).resize(function () {
                var h = $(window).height();
                var w = $(window).width();
                $("#divLogin").css('margin-top', h/2 - 180);
            });
        });
    </script>

</head>
<body style="margin: 0px; font-family:Tahoma; background:white;overflow:hidden;">
    
	<form id="form1" runat="server" autocomplete="off">
    <div id="divLogin">
    <table width="96%" height="350" border=0>
    <tr>
    <td width="100%" height="100%" align="center" valign="middle">

    <table border=0 height="300">
    <tr>
    <td align="right" width="50%">
        <img src="/images/login-1.png" />    
    </td>

    <td align="right" width="50%" valign="top">
        <div  style="border:solid 0px blue;text-align:left;padding-left:8px;">
                <img src="/images/login-2.png" />    

        </div>
        <div style="border:solid 0px red;text-align:left;padding-left:10px;">
        

        <asp:Login ID="Login1" runat="server"  onauthenticate="Login1_Authenticate" ForeColor="black" DisplayRememberMe="True" TitleText="">

              <LayoutTemplate>

                    <table style="margin-left:6px;margin-top:8px;" border=0>
                        <tr>
                        
                                        <td align=left style="font-size:12px;">
                                            Colorworks ID:<br />
                                            <asp:TextBox id="UserName" runat="server" Width="220" CssClass="loginTxt"></asp:TextBox>
                                            <asp:requiredfieldvalidator id="UserNameRequired" runat="server" ControlToValidate="UserName" Text="*"></asp:requiredfieldvalidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align=left  style="font-size:12px;">
                                            Password:<br />
                                            <asp:TextBox id="Password" runat="server" textMode="Password" Width="220" CssClass="loginTxt"></asp:TextBox>
                                            <asp:requiredfieldvalidator id="PasswordRequired" runat="server" ControlToValidate="Password" Text="*"></asp:requiredfieldvalidator>
                                        </td>
                                    </tr>
                      <tr>
                            <td  align="left" class="Failure">
                                <asp:Literal id="FailureText" runat="server"></asp:Literal></td>
                        </tr>
                                  <tr>
                                        <td align=left valign="top">
                                            <asp:Checkbox id="RememberMe" runat="server" Text="Remember me"></asp:Checkbox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" style="padding-right:22px;"><br /><br />
                                <asp:button id="Login" CommandName="Login" runat="server" CssClass="loginBtn" Text="Login"></asp:button>
                                        </td>
                                    </tr>
                                    
                                  </table>
                </LayoutTemplate>




                            </asp:Login>

        
        </div>
    </td>

    
    </tr>
    </table>
    
    </td>
    </tr>
    </table>

        </div>


		
	</form>
</body>
</html>
